app/pages/index.vue (1)

43-43: Simplify boolean conditions for readability.

The mixed === true / !== true checks work, but they add noise. Using direct booleans (and v-else) makes the template easier to scan.

♻️ Suggested simplification

-          <img
-            v-if="isKawaii === true"
+          <img
+            v-if="isKawaii"
             width="400"
             class="pb-8 motion-safe:animate-fade-in motion-safe:hover:scale-105 motion-safe:transition"
             src="/extra/npmx-cute.svg"
             alt="npmx kawaii logo"
           />
-          <AppLogo v-if="isKawaii !== true" class="w-42 h-auto sm:w-58 md:w-70" />
+          <AppLogo v-else class="w-42 h-auto sm:w-58 md:w-70" />
           <span
-            v-if="isKawaii !== true"
+            v-if="!isKawaii"
             aria-hidden="true"
             class="text-sm sm:text-base md:text-lg transform-origin-br font-mono tracking-widest text-accent absolute -bottom-4 -inset-ie-1.5"
           >
@@
-        <p
-          v-if="isKawaii !== true"
+        <p
+          v-if="!isKawaii"
           class="text-fg-muted text-lg sm:text-xl max-w-xl mb-12 lg:mb-14 motion-safe:animate-slide-up motion-safe:animate-fill-both"
           style="animation-delay: 0.1s"
         >

Also applies to: 49-49, 51-51, 60-60

app/pages/index.vue (1)

34-45: Rename the queried env element so it no longer shadows env.

env already means the build environment in this file, so reusing it for a DOM node makes the prehydrate block harder to read and keeps the shadowing warning alive.

Suggested fix

-  const env = el.querySelector('#npmx-index-h1-logo-env') as HTMLElement
+  const envBadge = el.querySelector('#npmx-index-h1-logo-env') as HTMLElement
   const tagline = el.querySelector('#npmx-index-tagline') as HTMLElement
-  if (!normal || !kawaii || !env || !tagline) return
+  if (!normal || !kawaii || !envBadge || !tagline) return
   if (isKawaii) {
     normal.style.display = 'none'
     kawaii.style.display = 'block'
-    env.style.display = 'none'
+    envBadge.style.display = 'none'
     tagline.style.display = 'none'
   } else {
     normal.style.display = 'block'
     kawaii.style.display = 'none'
-    env.style.display = 'block'
+    envBadge.style.display = 'block'
     tagline.style.display = 'block'
   }

As per coding guidelines, **/*.{ts,tsx,vue}: Use clear, descriptive variable and function names.

app/pages/index.vue (1)

67-67: ⚠️ Potential issue | 🟡 Minor

Localise the logo alt text.

The alt text is still hard-coded in English on Line 67. Use an i18n token so it follows the active locale.

Suggested patch

-            alt="npmx kawaii logo"
+            :alt="$t('home.logo_kawaii_alt')"

Please add the new key in locale files (including en.json and id-ID.json if you’re updating both in this PR). Based on learnings: in this Nuxt i18n setup, $t() is auto-exposed and should be used directly.

app/pages/index.vue (1)

28-29: Remove stale commented code.

Line 28-Line 29 keep dead commented logic in the component. Please delete these lines before merge.